<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>导航栏</title>
		<style>
			#div-top{
							background: rgba(255, 255, 255, 0.95);
							border-radius: 5px;
							width: 100%;
							height: 60px;
							position: fixed; /* 浮动至网页浏览器*/
							top: 0%;/* 顶部对齐 */
							left: 0%;
							/* right: 1%; */
							display: flex;
							box-shadow: 0 2px 2px rgba(0,0,0,0.3);
						}
							#logo{
								border-radius: 30%;
								padding-top: 3px;
								/* margin-left: 50px; */
								margin-left: 15px;
								width: 50px;
							}
							#txt-Aisu{
								margin-left: 13px;
								margin-top: 10px;
								font-size: 30px;
								opacity: 0.7;
							}
							#icon_home,#icon_up{
								width: 45px;
								padding-top: 10px;
								padding-bottom: 10px;
								/* background: rgba(255, 255, 255, 0.4); */
								border-radius: 5px;
							}
							#icon_up{
								width: 45px;
							}
							#incon_up_buttom{
								width: 60px;
								margin-right: 5%;
								margin-left: auto;/* 右对齐方法====设置左对齐自动 */
								border-radius: none;
								cursor: pointer;
							}
							
							
							#div-bottom{
								background-color: #e9ecef;
								width: 100%;
								height: 180px;
								left: 0;
								right: 0;
								bottom: 0;
								/* position: absolute; */
								display: flex;
								align-items: center;
								
							}
							#div-bottom span{
								font-size: 20px;
								margin-left: 50px;
							}
		</style>
	</head>
	<body>
		<div id="div-top">
			<img src="img/logo.png" alt="logo" id="logo" />
			<span id="txt-Aisu">Aisu_</span>
			<a href="index.html" style="margin-left: 70px"><img src="img/homeicon.png" id="icon_home" /></a>
			<div id="incon_up_buttom">
				<img src="img/chilun.png" id="icon_up" />
			</div>
		</div>
	</body>
</html>